<!doctype html>
<html><head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="keywords" content="">
  <meta name="description" content="mezz">
  <meta name="author" content="mezz">
  <link href="css/css.css" rel="stylesheet">
  <link href="css/chosen.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <link href="css/ie.css" rel="stylesheet" type="text/css" >
  <meta http-equiv="X-UA-Compatible" content="IE=8" >

  <![endif]-->
  <!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
  <link href="favicon.ico" rel="SHORTCUT ICON">
  <title>17素材·私厨 - 为你推荐遍布全球最新鲜，最与众不同的顶级生活方式</title>

  <!--导入的   vue.js,jquery.js,element.js,element.css--->
  <script src="./js/vue.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <!-- Element-UI -->
  <!-- 引入组件库 -->
  <script src="./js/element-ui/index.js"></script>
  <!-- 引入样式 -->
  <link href="./css/element-ui/index.css" rel="stylesheet">

</head>

<body>

<div id="release">
  <div class="head">
    <div class="wrap clearfix">
      <a href="index.html" class="logo indent">logo</a>
      <div class="headr fr">
        <form action="active.html" method="post" class="headsearch">
          <label class="label">
            <input type="text" value="" name="" class="key" v-model="search">
            <span class="text">搜索地址、名称、时间等</span>
          </label>
          <button type="submit" class="button btn-search">&#xe628;</button>
        </form>
        <a href="javascript:;" @click="applyHost()"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
        <div class="user">
          <span class="clearfix"><span class="userimg"><img :src=uinfos.tx width="100%" height="100%"><i></i></span>
          <a href="javascript:;" class="fr">{{uinfos.nc}} <em>&#xe607;</em></a></span>
          <ul class="topslide">
            <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
            <li><em>&#xe63d;</em><a href="Message.html">消息中心</a></li>
            <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
            <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
            <li><em>&#xe61b;</em><a href="My_Messages.html" >我的留言</a></li>
            <li><em>&#xe611;</em><a href="login.html">退出</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <div class="mem-banner" style="background-image:url(upload/img11.jpg);"></div>


  <div class="memwrap wrap clearfix">
    <div class="section fl">
      <div class="location tr"><a href="Dinner.html">参加的饭局</a><a href="Host.html">主办的饭局</a><a href="Release.html" class="current">发布饭局</a></div>
      <div class="Participate pd30">
        <table class="baseinfo participate-tab">
          <tr>
            <th>活动标题：</th>
            <td><input type="text" name="" value="" class="baseipt" v-model="title"></td>
          </tr>
          <tr>
            <th>餐厅：</th>
            <td><el-select v-model="value" placeholder="请选择">
              <el-option
                      v-for="item in options"
                      :key="item.value"
                      :label="item.label"
                      :value="item.value">
              </el-option>
            </el-select></td>
          </tr>
          <tr>
            <th>活动价格：</th>
            <td><input type="text" name="" value="" class="baseipt" v-model="price">人/元</td>
          </tr>
          <tr>
            <th>报名人数：</th>
            <td><input type="text" name="" value="" class="baseipt" style="width:185px" v-model="people"> 人</td>
          </tr>
          <tr>
            <th>活动时间：</th>
            <td><el-date-picker
                    v-model="begin_time"
                    type="datetime"
                    placeholder="选择日期时间">
            </el-date-picker>&nbsp;&nbsp;&nbsp;&nbsp;
              截至报名时间：<el-date-picker
                      v-model="end_time"
                      type="datetime"
                      placeholder="选择日期时间">
              </el-date-picker></td>
          </tr>
          <tr>
            <th>活动玩法：</th>
            <td>
              <label><input type="radio" name="RadioGroup1" value="先到先得" id="RadioGroup1_0" v-model="RadioGroup1"> 先到先得 </label>
              <label><input type="radio" name="RadioGroup1" value="双向选择" id="RadioGroup1_1" v-model="RadioGroup1">  双向选择 </label>
              <label><input type="radio" name="RadioGroup1" value="大数据匹配" id="RadioGroup1_2" v-model="RadioGroup1">  大数据匹配 </label>
            </td>
          </tr>
          <tr>
            <th valign="top">活动标签：</th>
            <td class="label-active">
              <input type="checkbox" id="bq1" value="开心" v-model="checkedNames">
              <label for="bq1">开心</label>
              <input type="checkbox" id="bq2" value="郁闷" v-model="checkedNames">
              <label for="bq2">郁闷</label>
              <input type="checkbox" id="bq3" value="无聊" v-model="checkedNames">
              <label for="bq3">无聊</label>
              <input type="checkbox" id="bq4" value="喜庆" v-model="checkedNames">
              <label for="bq4">喜庆</label>
              <input type="checkbox" id="bq5" value="向往" v-model="checkedNames">
              <label for="bq5">向往</label>
              <p class="mt10"><input type="text"  id="hd_bq" name="" :value=checkedNames class="baseipt" > 多个标签请用“,”分开</p>
            </td>
          </tr>
        </table>
        活动照片：
        <form id="form1"  enctype="multipart/form-data">
          <div class="photo clearfix">
            <div class="photo-control fl">
              <div class="active-photo img"><img id="ImgPr"></div>
              <p class="mt10 clearfix"><a href="javascript:void(0);" class="button dele fr" @click="deleteImg()">删除图片</a><label class="btn-upfiles"><input type="file" name="file" id="up" />修改图片</label></p>
            </div>
            <div class="photo-info fl">
              <textarea name="" cols="" rows="" class="area" v-model="updateInfo"></textarea>
            </div>
          </div>
        </form>
        <form id="form2"  enctype="multipart/form-data">
          <div class="photo clearfix">
            <div class="photo-control fl">
              <div class="active-photo img "><img id="ImgPr2"></div>
              <p class="mt10 tc"><label class="btn-upfiles"><input type="file" name="file" id="up2" />添加</label></p>
            </div>
            <div class="photo-info fl">
              <textarea name="" cols="" rows="" class="area" v-model="addInfo"></textarea>
            </div>
          </div>
        </form>
        <p class="mt30">饭局内容：</p>
        <textarea name="" cols="" rows="" class="area2" v-model="require"></textarea>
        <div class="Release-submit">
          <input name="" type="checkbox" value="" v-model="checked">  我已阅读并同意<a href="#" class="o">《17素材服务条款》</a>
          <p class="mt20">
            <button type="button" name="" value="" class="button btn-submit" @click="commit()">提交</button><button type="reset" name="" value="" class="button btn-reset" @click="revoke()">取消</button></p>
        </div>
      </div>

    </div>

    <div class="aside fr">
      <div class="pd15">
        <div class="userimg"><img :src=uinfos.tx width="100%" height="100%" ><i></i></div>
        <div class="user-level tc">{{uinfos.nc}} <em></em><em></em><em></em></div>
        <div class="Praise tc">{{uinfos.zy}}，{{uinfos.city}} <em>&#xe61d;</em><em>&#xe61d;</em><em>&#xe61d;</em></div>

        <div class="txtwrap tc"><h1 class="f16">个人简介</h1>{{uinfos.info}}</div>
        <h1 class="f16">关注 {{carezh.length}}</h1>
        <ul class="followlist clearfix" style="height: 130px;overflow-y: auto">
          <template v-for="(item,index) in carezh">
            <el-tooltip class="item" effect="dark" :content=item.nc placement="top-start">
              <li><a href="#"><img :src="item.tx"></a></li>
            </el-tooltip>
          </template>
        </ul>
        <h1 class="f16">粉丝 {{fanszh.length}}</h1>
        <ul class="followlist bd0 clearfix" >
          <template v-for="(item,index) in fanszh">
            <el-tooltip class="item" effect="dark" :content=item.nc placement="top-start">
              <li><a href="#"><img :src="item.tx"></a></li>
            </el-tooltip>
          </template>
        </ul>
      </div>
    </div>

  </div>

</div>
</body>
<!--自己创建的js-->
<script src="./js/lgw/Release.js" type="module"></script>


<script src="js/jquery.js"></script>
<script src="date/WdatePicker.js"></script>
<script src="js/Action.js"></script>
<script src="js/upfiles.js"></script>

<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
  $(document).ready(function($){
    //select 样式美化
    var config = {
      '.chosen-select-no-single' : {disable_search_threshold:10}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
    $("#up").uploadPreview({
      Img: "ImgPr",
    });
    $("#up2").uploadPreview({
      Img: "ImgPr2",
    });
  });
</script>
</html>